$transfer-list-height = 240px
$transfer-item-height = 32px

.{$transfer-prefix}
  display flex
  width 480px
  .{$transfer-prefix}-source, .{$transfer-prefix}-target
    flex 1
    border 1px solid $gray3-color
    .{$transfer-prefix}-header
      height $transfer-item-height
      line-height $transfer-item-height
      background-color $gray5-color
      text-align center
      border-bottom 1px solid $gray3-color
    .{$transfer-prefix}-filter
      input
        width 100%
        border-radius 0
        border-width 0 0 1px
        height 28px
        outline none
        border-color $gray3-color
        box-shadow none
    .{$transfer-prefix}-list
      height $transfer-list-height
      overflow-y auto
      padding 4px 0
      .{$transfer-prefix}-item
        padding-left 8px
        height $transfer-item-height
        line-height $transfer-item-height
        cursor pointer
        .text-center
          padding-left 0
        .{$checkbox-prefix}, .{$checkbox-prefix} label
          display block
  &-switch
    flex-basis 120px
    text-align center
